<template>
  <div class="to-do-footer">
    <div v-if="count > 0"><p>合计：{{ count }} </p> <a v-on:click.prevent="clear">清空任务</a></div>
  </div>
</template>

<script>
export default {
    props:{
        count:{
            type:Number
        }
    },
methods:{
    clear(){
        // 通知父组件清空任务
        this.$emit('clearThing')
    }
}
}
</script>

<style>
.to-do-footer{
    width: 500px;
    height: auto;
    background-color: skyblue;
}
</style>